<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    //声明一个人的类
    class Person{
      //属性
      name;
      age;
      title='人类';
      //为实例对象添加属性, 值是一个函数
      sing = () => {
        console.log('sing sing sing');
      }

      //方法
      //构造方法   作用: 初始化对象
      constructor(name, age){
        // this 指向『实例化对象』
        this.name = name;
        this.age = age;
      }

      //一般方法
      sing(){
        console.log('唱歌....');
      }
    }

    //类的继承
    class SuperMan extends Person{
      //初始化
      constructor(name, age, pifeng){
        //调用父类的构造方法
        super(name, age);
        //初始化子类对象的属性
        this.pifeng = pifeng;
      }
    }

    //实例化对象
    // let me = new Person('xiaohigh', 36);
    //调用方法
    // me.sing();

    //实例化 SuperMan 对象
    let sman = new SuperMan('kent', 2000, '红色');

    console.log(sman);


    class Component{}

    class React{}

    React.Component = Component;

    class Header extends React.Component{}

    //声明一个类
    class Test {
      static name = '测试'
    }

    console.dir(Test);

    function Abc(){}

    Abc.name = '测试';


  </script>
</body>
</html>